<template>
  <section class="container">
    <avue-crud :data="data" :option="option"></avue-crud>
  </section>
</template>

<script>
export default {
  name: 'AvueDemo',
  data() {
    return {
      data: [
        {
          name: '张三',
          sex: '男',
          grade: 0,
        },
        {
          name: '李四',
          sex: '女',
          grade: 1,
        },
      ],
      option: {
        align: 'center',
        menuAlign: 'center',
        column: [
          {
            label: '姓名',
            prop: 'name',
            editDisabled: true,
          },
          {
            label: '性别',
            prop: 'sex',
            editDisplay: false,
          },
          {
            label: '权限',
            prop: 'grade',
            editDetail: true,
            addDisabled: true,
          },
          {
            label: '测试',
            prop: 'test',
            addDisplay: false,
          },
        ],
      },
    }
  },
  props: {},
  components: {},
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
}
</script>

<style scoped lang="scss"></style>
